<template>
<!--    推荐栏组件-->
    <div>
        <div class="icon">
            <el-image :src="item.pic" lazy />
        </div>
        <div class="text">
            <h4 class="name">
                {{item.username}}
            </h4>
            <p class="title">
                {{item.title}}
            </p>
        </div>
        <el-divider border-style="dashed" />
    </div>

</template>

<script>
export default {
    name: 'recommendItem',
    props: {
        item:{
            type: Object,
            default(){
                return {}
            }
        }
    },
}
</script>

<style scoped>
.icon{
    position: absolute;
}

.el-image{
    width: 80px;
    height: 80px;
    display: block;
    padding-left: 40px;
}


.name{
    display: block;
    padding-top: 5px;
}


</style>
